// *******************************************************************************************************
// # お問い合わせ画面
//   ・チェックボックス
//   ・モーダル
// *******************************************************************************************************

(function(win, doc) {

	/* ・チェックボックス
	----------------------------------- */
	function inputBoxExpendInner() {
		var $inputBox = $('.box_expand_inner');
		var $btnFooter = $('.btn_footer');
		var $btn_next = $('.btn_next');

		inputChecked();

		$inputBox.each(function(i){
			var $self = $(this);
			$(this).find('input').on('click', function(e){
				if ($(this).prop('checked')) {
					$self.addClass('active');
				} else {
					$self.removeClass('active');
				}
				inputChecked();
			});
		});

		function inputChecked(){
			var checkFlag = false;

			$inputBox.each(function(i){
				if ($(this).find('input').prop('checked')) {
					checkFlag = true;
				}
			});

			if (checkFlag) {
				$btn_next.removeClass('off');
				$btnFooter.removeClass('off');
			} else {
				$btn_next.addClass('off');
				$btnFooter.addClass('off');
			}
		}
	}

	/* モーダル
	----------------------------------- */
	function modalLink() {
		$('.modal_link').on('click', function(e){
			var _id = $(this).attr('href'),
				_st = $(window).scrollTop(),
				_wh = $(window).height(),
				_ch = $(_id).height(),
				_mt = $('#contentMain').offset().top;
			if (_wh > _ch) {
				$(_id).css({ 'top': _st + (_wh-_ch)*0.5-_mt });
			} else {
				$(_id).css({ 'top': _st + 20 });
			};
		});
	}

	/* 実行
	----------------------------------- */
	$(function() {
		inputBoxExpendInner();
		modalLink();
	});

})(this, document);

